/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      弹窗      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.CoreBody .v-modal {
  opacity: 0;
}

.CoreBody .el-dialog {
  // position: absolute;
  // left: 50%;
  // top: 50%;
  // margin: 0 !important;
  // transform: translate(-50%, -50%);
  background: rgba(6, 18, 45, 0.7) !important;
  backdrop-filter: blur(0.04rem);
  border: 0.02rem solid #0095ff;

  /*============================== 弹窗-头部/标题 ==============================*/
  .el-dialog__header {
    padding: 0.2rem 0.3rem 0.1rem;
    border-bottom: 0.02rem solid;
    border-image: linear-gradient(to right, #1f528b 10%, #409eff 50%, #1f528b 100%) 20 20;
    position: relative;

    &::after,
    &::before {
      content: "";
      position: absolute;
      display: inline-block;
      width: 0.04rem;
      height: 0.05rem;
      background: #56f6ff;
      top: -0.02rem;
    }

    &::after {
      right: -0.02rem;
    }

    &::before {
      left: -0.02rem;
    }

    .el-dialog__title {
      color: #cbe9ff;
      text-shadow: 0 0.01rem 0.02rem;
    }
  }

  /*============================== 弹窗-内部==============================*/

  .el-dialog__body {
    position: relative;
    padding: 0.2rem 0.3rem;
    color: #fff;

    &::after,
    &::before {
      content: "";
      position: absolute;
      display: inline-block;
      width: 0.04rem;
      height: 0.04rem;
      background: #56f6ff;
      top: -0.03rem;
    }

    &::after {
      right: -0.02rem;
    }

    &::before {
      left: -0.02rem;
    }
  }

  /*============================== 弹窗-关闭icon ==============================*/

  .el-dialog__headerbtn .el-dialog__close {
    color: #0095ff;
    transition: all 0.5s;

    &:hover {
      transform: scale(1.5);
    }
  }

  /*============================== 底部-按钮 ==============================*/
  .el-dialog__footer {
    text-align: center;

    .el-button {
      height: 0.34rem;
      line-height: 0.32rem;
      padding: 0 0.3rem;

      + .el-button {
        margin-left: 0.3rem;
      }
    }
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      表格      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.CoreBody .el-table {
  color: #fff;
  background-color: transparent;
  font-size: 0.16rem;

  .cell {
    line-height: 0.24rem;
  }
}

.CoreBody .el-table tr,
.CoreBody .el-table__empty-block {
  background-color: transparent;
}

.CoreBody .el-table th.el-table__cell {
  background-color: #041b3c;
  color: #fff;
}

.CoreBody .el-table td.el-table__cell,
.CoreBody .el-table th.el-table__cell.is-leaf,
.CoreBody .el-table--border,
.CoreBody .el-table--group {
  border-bottom: none;
}

.CoreBody .el-table--border::after,
.CoreBody .el-table--group::after {
  background-color: transparent;
}

.CoreBody .el-table::before {
  background-color: #002342;
}

.CoreBody .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
  background: rgba(0, 0, 0, 0.4);
}

.CoreBody .el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell {
  background: rgba(0, 0, 0, 0.4);
}

.CoreBody .el-table__body tr.hover-row.current-row > td.el-table__cell,
.CoreBody .el-table__body tr.hover-row.el-table__row--striped.current-row > td.el-table__cell,
.CoreBody .el-table__body tr.hover-row.el-table__row--striped > td.el-table__cell,
.CoreBody .el-table__body tr.hover-row > td.el-table__cell {
  background: rgba(0, 0, 0, 0.4);
}

.CoreBody .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
  background-color: rgba($color: #000, $alpha: 0.8);
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      分页器      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.CoreBody .el-pagination {
  color: #fff;

  * {
    background: none !important;
  }

  .el-icon-arrow-left:before {
    content: "上一页";
    margin-right: 0.01rem;
  }

  .el-icon-arrow-right:before {
    content: "下一页";
    margin-left: 0.01rem;
  }
}

.CoreBody .btn-next {
  color: #fff !important;
}

.CoreBody .el-pagination .btn-prev {
  color: #fff !important;
}

.CoreBody .el-pagination button:disabled {
  color: #c0c4cc !important;
}

.CoreBody .el-pager li {
  margin: 0 0.05rem;
}

.CoreBody .el-pager li:hover {
  background-color: #013b6d !important;
  color: #fff !important;
  border-radius: 0.04rem;
}

.CoreBody .el-pager li.active {
  background-color: #0293ff !important;
  color: #2c2c2c !important;
  border-radius: 0.04rem;
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      输入框      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.CoreBody .el-input__inner,
.CoreBody .el-range-input,
.CoreBody .el-textarea__inner {
  background: #010b20;
  border: 0.01rem solid #013a66;
  border-radius: 0.04rem;
  color: #fff;
  padding: 0 0.15rem;
}
.CoreBody .el-range-editor .el-range-input {
  border: 0;
}

.CoreBody .el-textarea__inner {
  padding: 0.05rem 0.15rem;
}

.CoreBody .el-input.is-disabled .el-input__inner {
  background: #010b20;
  border: 0.01rem solid #013a66;
  color: #fff;
}

.CoreBody .el-form-item__label {
  color: #fff;
}

.CoreBody .el-select {
  width: 100%;
}

/*============================== 下拉选择 ==============================*/

.CoreBody .el-select-dropdown,
.CoreBody .el-cascader__dropdown,
.CoreBody .el-dropdown-menu {
  border: solid 0.01rem #003d6a;
  background-color: #010b20;
  color: #fff;
}

.CoreBody .el-cascader-menu {
  border-right: solid 0.01rem #003d6a;
}

.CoreBody .el-select-dropdown__item:not(.selected),
.CoreBody .el-cascader-node:not(.is-active),
.CoreBody .el-dropdown-menu__item {
  color: #fff;
}

.CoreBody .el-select-dropdown__item.hover,
.CoreBody .el-cascader-node:hover,
.CoreBody .el-dropdown-menu__item:focus,
.CoreBody .el-dropdown-menu__item:not(.is-disabled):hover {
  background-color: #051652;
}

.CoreBody .el-select-dropdown__item:not(.selected).hover,
.CoreBody .el-cascader-node:not(.is-active):hover,
.CoreBody .el-dropdown-menu__item:focus,
.CoreBody .el-dropdown-menu__item:not(.is-disabled):hover {
  color: #fff;
}

.CoreBody .el-popper[x-placement^="bottom"] .popper__arrow {
  border-bottom-color: #003d6a;
}

.CoreBody .el-popper[x-placement^="bottom"] .popper__arrow::after {
  border-bottom-color: #010b20;
}

/*============================== 时间选择 ==============================*/
.CoreBody .el-range-separator,
.CoreBody .el-date-editor .el-range-input,
.CoreBody .el-icon-d-arrow-left:before,
.CoreBody .el-picker-panel__icon-btn,
.CoreBody .el-picker-panel,
.CoreBody .el-picker-panel__shortcut,
.CoreBody .el-date-table th {
  color: #fff !important;
}

.CoreBody .el-picker-panel,
.CoreBody .el-time-panel,
.CoreBody .el-date-range-picker__content.is-left,
.CoreBody .el-picker-panel__sidebar {
  border-color: #003d6a;
}

.CoreBody .el-time-panel {
  background-color: #010b20;
}

.CoreBody .el-picker-panel [slot="sidebar"],
.CoreBody .el-picker-panel__sidebar,
.CoreBody .el-picker-panel {
  background-color: #010b20;
}

.CoreBody .el-date-table td.available:hover {
  color: rgba($color: #409eff, $alpha: 0.9);
}

.CoreBody .el-date-table td.in-range div {
  background-color: #051652;
}

.CoreBody .el-date-table td.in-range div:hover {
  background-color: rgba($color: #051652, $alpha: 0.8);
}

.CoreBody .el-date-table td.disabled div {
  background-color: #010b20;
}

.CoreBody .el-form-item.is-error .el-input__inner,
.CoreBody .el-form-item.is-error .el-input__inner:focus,
.CoreBody .el-form-item.is-error .el-textarea__inner,
.CoreBody .el-form-item.is-error .el-textarea__inner:focus,
.CoreBody .el-message-box__input input.invalid,
.CoreBody .el-message-box__input input.invalid:focus {
  border-color: #f56c6c;
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      描述      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.CoreBody .el-descriptions__body .el-descriptions__table {
  background: #061838 !important;
  color: #fff;
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      树形      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.CoreBody .el-tree {
  color: #fff;
}

.CoreBody .el-tree-node__content {
  height: 0.4rem;
}

.CoreBody .el-tree-node:focus > .el-tree-node__content {
  color: #fff;
  background-color: transparent;
  border-radius: 0.06rem;
}

.CoreBody .el-tree-node__content:hover {
  color: #85f1f7;
  background-color: transparent;
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      页签      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.CoreBody .el-tabs {
  .el-tabs__header {
    margin: 0 0 0.2rem;
  }
  .el-tabs__item {
    font-size: 0.16rem;
    color: #ccc;

    &.is-active {
      font-weight: bold;
      color: #fff;
    }
  }
  .el-tabs__active-bar {
    height: 0.05rem;
    background-color: #0095ff;
    border-radius: 0.04rem;
  }
  .el-tabs__nav-wrap::after {
    display: none;
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      表单      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.CoreBody .el-form {
  .el-form-item__label {
    font-size: 0.16rem;
    color: #ccc;
  }
  .el-form-item__content {
    font-size: 0.16rem;
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      按钮      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.CoreBody .el-button {
  border: 0.01rem solid #0293ff;
  border-radius: 0.04rem;
  color: #0293ff;
  font-size: 0.14rem;
  font-weight: bold;
  background: #011d43;

  &:hover,
  &:focus {
    color: #0293ff;
    background: #011d43;
    border-color: #0293ff;
  }
}

.CoreBody .el-button--primary {
  color: #fff;
  background: #0293ff;
  border-color: #0293ff;

  &:hover,
  &:focus {
    color: #fff;
    background: #0293ff;
    border-color: #0293ff;
  }
}

.CoreBody .el-button--danger {
  color: #fff;
  background: #ff594d;
  border-color: #ff594d;

  &:hover,
  &:focus {
    color: #fff;
    background: #ff594d;
    border-color: #ff594d;
  }
}

.CoreBody .el-button--text {
  height: 0.36rem;
  line-height: 0.36rem;
  padding: 0;
  border: none;
  color: #0293ff;
  background: transparent;

  &:hover,
  &:focus {
    color: #0293ff;
    background: transparent;
  }
}

.CoreBody .auto-modal {
  width: auto !important;
  border: 0;

  .el-dialog__header,
  .el-dialog__footer {
    display: none;
  }

  .el-dialog__body {
    border: none;
    padding: 0;

    &::before,
    &::after {
      display: none;
    }

    img {
      vertical-align: top;
    }
  }
}
